/*!
 * Bootstrap v3.2.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    background-color: #fff
}

body {
    margin: 0
}

a {
    background: 0
}

a:active,a:hover {
    outline: 0
}

img {
    border: 0
}

pre {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button,input,optgroup,select,textarea {
    margin: 0;
    font: inherit;
    color: inherit
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

:before,:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff
}

input,button,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #428bca;
    text-decoration: none
}

a:hover,a:focus {
    color: #2a6496;
    text-decoration: underline
}

img {
    vertical-align: middle
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

h1,.h1,h2,.h2,h3,.h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

h2,.h2 {
    font-size: 30px
}

ul,ol {
    margin-top: 0;
    margin-bottom: 10px
}

code,kbd,pre,samp {
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after {
    display: table;
    content: " "
}

.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after {
    clear: both
}

body {
    font-family: Arial,"Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #666
}

.wrapper {
    margin: 0 auto;
    padding: 0;
    background: #FFF
}

.mod-sitedesc {
    background: #fff url(https://static.baidufe.com/blog/static/img/header-bg.jpg) 0 0 repeat;
    padding: 10px
}

.mod-sitedesc .logo-box {
    float: left
}

.mod-sitedesc .q-logo {
    display: block
}

.mod-sitedesc .mod-btitle {
    padding-left: 120px
}

.mod-sitedesc .mod-btitle .x-name a {
    font-size: 26pt;
    color: #262626;
    font-weight: bold
}

.mod-sitedesc .mod-btitle .x-name a:hover {
    color: #600
}

.mod-sitedesc .mod-btitle .x-desc {
    color: #000
}

.mod-fehelper .q-logo {
    display: block
}

.mod-fehelper .q-logo img {
    margin: 0;
    width: 65px;
    height: 65px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

.mod-fehelper .mod-btitle {
    padding-left: 90px
}

#pageContainer>.panel-body {
    margin: 0 20px
}

.wrapper {
    padding-bottom: 100px
}

#pageContainer>.panel-body {
    margin: 0 !important
}

.panel-body {
    padding: 0 !important
}

.group::before,.group::after,.p-container::before,.p-container::after {
    display: table;
    content: "";
    clear: both
}

.p-container {
    width: 1180px;
    margin-right: auto;
    margin-left: auto
}

.p-container h2 {
    font-size: 30px;
    line-height: 48px;
    color: #333;
    margin: 80px 0 40px 0;
    text-align: center
}

.p-container .group {
    width: 1128px;
    margin: 0 auto
}

.p-container ul.section-container {
    background: #fff;
    margin: 0;
    padding: 0
}

.p-container ul.section-container li {
    list-style: none
}

.p-container .item {
    float: left;
    box-sizing: border-box;
    height: 262px;
    margin-top: 47px;
    margin-left: -1px;
    background: #fff;
    border: 1px solid #ebebeb;
    text-align: center;
    transform: translateY(0);
    transition: .4s transform cubic-bezier(.645,.045,.355,1)
}

.p-container .item .active-icon {
    display: block
}

.p-container .item .icon {
    width: 32px;
    height: 32px;
    margin: 90px auto 20px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.p-container .item .title {
    font-size: 16px;
    color: #333;
    line-height: 30px
}

.p-container .item .desc,.p-container .item .btn-wrap {
    display: none
}

.p-container .item {
    width: 181px
}

.p-container .current {
    height: 358px;
    width: 280px;
    margin-top: 20px;
    transform: translateY(-20px)
}

.p-container .current .active-icon {
    display: block
}

.p-container .current .icon {
    width: 80px;
    height: 80px;
    margin: 40px auto 20px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    background: #8cc;
    font-size: 44pt;
    color: #fff;
    line-height: 84px
}

.p-container .current .title {
    font-size: 18px;
    color: #333;
    line-height: 32px
}

.p-container .current .desc {
    display: block;
    margin: 10px 20px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #666;
    letter-spacing: 0;
    line-height: 26px
}

.p-container .current .btn-wrap {
    display: block;
    margin-top: 20px
}

.p-container .current .btn-wrap a {
    font-size: 14px;
    color: #4a90e2;
    letter-spacing: 0;
    text-align: center;
    line-height: 26px;
    text-decoration: none
}

.p-container pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    background-color: transparent;
    border: 0;
    font-family: PingFangSC-Regular,'Microsoft Yahei'
}

.p-container .item:hover .active-icon {
    background: #2468f2
}

.p-container .current.x-more {
    background: #fdfdfd;
    color: #aaa
}

.p-container .current.x-more .title,.p-container .current.x-more .desc {
    color: #aaa
}
